<template>
  <div class="cus-allcard"
       :style="[customStyle]">
    <div class="cus-allcard-title"
         v-if="showTitle">{{title}}</div>
    <div class="cus-allcard-Notitle"
         v-if="!showTitle"></div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'cus-allcard',
  props: {
    showTitle: {
      type: Boolean,
      default: false
    },
    title: {
      type: String,
      default: '经费账科目'
    },
    customStyle: {
      type: Object,
      default: () => {
        return {

        }
      }
    }
  }
}
</script>

<style lang="less" scoped>
.cus-allcard {
  padding: 0px 20px 20px 20px;
  background: white;
  box-shadow: 0px 4px 8px 0px rgba(108, 137, 165, 0.18);
  border-radius: 6px;
  &-title {
    height: 65px;
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
  }
}
</style>
